<!DOCTYPE html>
<html class="x-admin-sm">
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.1</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="__ADMIN__/css/font.css">
    <link rel="stylesheet" href="__ADMIN__/css/xadmin.css">
      <!--百度ueditor-->
    <script src="__ADMIN__/plus/ueditor/ueditor.config.js"></script>
    <script src="__ADMIN__/plus/ueditor/ueditor.all.min.js"></script>

    <script type="text/javascript" src="__ADMIN__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__ADMIN__/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="__ADMIN__/js/xadmin.js"></script>
    <script type="text/javascript" src="__ADMIN__/js/cookie.js"></script>
    <script type="text/javascript" src="__ADMIN__/js/pi_uploads.js"></script>
<style>
.fileInputP {
    display: inline-block;
    width: 500px;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.fileInputP i {
    display: inline-block;
    width: 500px;
    height: 50px;
    color: #fff;
    background: rgb(0, 150, 136);
    text-align: center;
    line-height: 50px;
    font-size: 18px;
}
#fileInput {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 500px;
    height: 50px;
}
#fileSpan {
    display: inline-block;
    width: 500px;
    height: 150px;
    border: 2px dashed #ccc;
    text-align: center;
    line-height: 150px;
    margin: 20px 0px 0px 0px;
}
#fileList{
    text-align: center;
}
.progressParent{height:20px;border-radius:5px;background:#ccc;overflow:hidden;position:relative;}
.progress{width:0%;height:20px;background:#7d8f33;}
.progressNum{display:inline-block;width:100%;height:20px;text-align:center;line-height:20px;color:#fff;position:absolute;left:0;top:0;}
</style>
  </head>
  <body>
    <div class="x-body" style="margin: 50px;">
        <a style="font-size:140%;">请点击</a>
        <a style="font-weight:bold;font-size:140%;color:#FF0000;">选择文件</a>
        <a style="font-size:140%;">，或者将文件</a>
        <a style="font-weight:bold;font-size:140%;color:#FF0000;">拖入框中</a>
        <a style="font-size:140%;">，完成上传！</a>
        <br>
        <br>
        <a style="font-size:140%;">支持：图片、PDF、Excel表格</a>
        <br>
        <br>
        <a style="font-size:140%;">注意：</a>
        <a style="font-weight:bold;font-size:140%;color:#FF0000;">PDF</a>
        <a style="font-size:140%;">和</a>
        <a style="font-weight:bold;font-size:140%;color:#FF0000;">图片</a>
        <a style="font-size:140%;">的文件名称 需和 产品货号 一致</a>
        <br>
        <br>
        <a style="font-size:140%;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请优先上传Excel表格!!</a>
        <br>
        <br>
        <p class="fileInputP vm"><i>选择文件</i> <input type="file" multiple="" id="fileInput"></p>
        <br>
        <span id="fileSpan" class="vm" style="background: none;">或者将文件拖到此处</span>
        
        <div class="layui-table-body layui-table-main" style="width: 60%;margin-top:30px;display:none;" id="fileList_parent">
            <table class="layui-table layui-form">
                <thead>
                  <tr>
                    <th style="text-align: center;">文件名</th>
                    <th style="text-align: center;">类型</th>
                    <th style="text-align: center;">大小</th>
                    <th style="text-align: center;">进度</th>
                    <th style="text-align: center;">操作</th>
                  </tr>
                </thead>
                <tbody id="fileList">
                    
                </tbody>
            </table>
            <div class="layui-form-item" style="margin-top:20px;">
                <button  class="layui-btn" lay-filter="pi_uploads" lay-submit="" id="fileBtn" style="display:none;">
                    确定上传
                </button>
            </div>
        </div>
    </div>
    <script>
        // layui.use(['form','layer'], function(){
        //   $ = layui.jquery;
        //   var form = layui.form
        //   ,layer = layui.layer;

         
        //   //监听提交
        //   form.on('submit(pi_uploads)', function(data){
        //     $.ajax({
        //         type:'POST',
        //         dataType:'json',
        //         data:data.field,
        //         url:"{:url('Goods/pi_uploads')}",
        //         success:function(obj){
        //           layer.alert(obj.msg, {icon: obj.icon},function(){
        //             // 获得frame索引
        //             var index = parent.layer.getFrameIndex(window.name);
        //             //关闭当前frame
        //             parent.layer.close(index);
        //             // 可以对父窗口进行刷新 
        //             x_admin_father_reload();
        //           });
        //         }
        //     });
        //     return false;
        //   });
          

        // });
        
    </script>
  </body>

</html>